.LoadSvg {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--background);

    .loader {
        width: 24em;
        height: 24em;
    }

    .loader path {
        stroke: var(--stroke);
        stroke-width: 0.6px;
        animation: dashArray 4s ease-in-out infinite,
            dashOffset 4s linear infinite;
    }
}



@keyframes dashArray {
    0% {
        stroke-dasharray: 0 1 359 0;
    }

    50% {
        stroke-dasharray: 0 359 1 0;
    }

    100% {
        stroke-dasharray: 359 1 0 0;
    }
}

@keyframes dashOffset {
    0% {
        stroke-dashoffset: 365;
    }

    100% {
        stroke-dashoffset: 5;
    }
}